<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<link rel="stylesheet" type="text/css" href="css/css.css"/>
    <script>
        window.onload = function () {
            var checkCodeImg = document.getElementById("checkCodeImg");
            checkCodeImg.onclick = function () {
                checkCodeImg.src = "/javaText/CheckCodeServlet?" + new Date().getTime();
            }
        }
    </script>

	<title>留言板登录界面</title>
</head>
<body>
    <div class="reminder">
        <p style="color: red;">
            <!--提示-->
            ${requestScope.checkCodeError}
            ${requestScope.userOrPasswordError}
        </p>
    </div>
	<div class="interface">
		<div>
			<h1 class="login_sign">登录</h1>
		</div>
		
		<form action="${pageContext.request.contextPath}/checkServlet" method="post">
			<div align="center">
				<input type="text" id="user" name="username" placeholder="请输入用户名" />
				<input type="password" id="password" name="password" placeholder="请输入密码" />
			</div>
            <input type="text" id="checkcode" name="checkcode" placeholder="请输入验证码" />
            <div style="margin-bottom: 20px" align="center">
                <img src="/javaText/CheckCodeServlet" id="checkCodeImg"/>
            </div>

            <div align="center" style="margin-top: 20px">
                <input type="submit" value="登录" class="login"/>
            </div>

			
		</form>
		<p class="register">没有账户，<a href="register.jsp">注册</a></p>
	</div>

</body>
</html>